import React, {useState} from 'react';
import { useDebugValue } from 'react';

function useMyHooks(flag){

  const [myFl] = useState(flag && '你好世界')

  // 该 hooks 是用来给自定义 hooks 添加一个标签用的
  // 可以在开发者工具中查看
  useDebugValue(flag ? 'on' : 'off')

  return myFl
}

const App = () => {

  const msg = useMyHooks(false)

  return (
    <div>
      {msg}
    </div>
  );
};

export default App;
